/**
* Copyright (c) 2022 Beijing Jiaotong University
* PhotLab is licensed under [Open Source License].
* You can use this software according to the terms and conditions of the [Open Source License].
* You may obtain a copy of [Open Source License] at: [https://open.source.license/]
* 
* THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
* EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
* MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
* 
* See the [Open Source License] for more details.
* 
* Author: Zhenjie Wei
* Created: Mar. 9, 2023
* Supported by: National Key Research and Development Program of China
*/

@mixin header-left {
    height: 100%;
    position: relative;
    z-index: 100;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    .logo {
        width: 116px;
        padding-right: 10px;
        -webkit-app-region: drag;
        img {
            width: 100%;
        }
    }
    .tools {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-right: 20px;
        .pui-icon {
            font-size: 16px;
            color: $text_light;
            margin-right: 20px;
            cursor: pointer;
            &:hover {
                color: $text-sub_light;
            }
        }
        .item {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 20px;
            .pui-icon {
                margin-right: 0px;
                font-size: 16px;
            }
        }
    }
    .title {
        margin-bottom: 0;
    }
    .compo-title {
        font-size: 16px;
        color: $text_light;
    }
}

@mixin header-left-dark {
    .tools {
        .pui-icon {
            color: $text_dark;
            &:hover {
                color: $text-sub_dark;
            }
        }
    }
    .logo {
        img {
        }
    }
}